$(function () {
    $(".top").load("./login-top.html", function () {

    })
    $(".login-content").load("./login-content.html", function () {
        //中间登录注册切换
        $(".login-tabs-nav").find("li").on("click", function () {
            var index = $(this).index();
            //头部颜色切换
            $(this).children("a").addClass("tabulous_active").parent("li").siblings().children("a").removeClass("tabulous_active")
            $(this).parents("#loginModule").children().eq(1).children().eq(index).addClass("showleft").siblings().removeClass("showleft").addClass("hideleft")
            if (index == 1) {
                $("#tabs_container").animate({
                    "height": "234px"
                })
            } else {
                $("#tabs_container").animate({
                    "height": "216px"
                })
            }
        })

        //登录
        $("form").validate({
            //规则
            rules: {
                uname: {
                    required: true, //开启必填项
                    rangelength: [0, 11]
                },
                upwd: {
                    required: true,
                    rangelength: [3, 18]
                }

            },
            //提示消息
            messages: {
                uname: {
                    required: "用户名不能为空",
                },
                upwd: {
                    required: "密码不能为空"
                }

            },
            //提交
            submitHandler: function () {

                //把数据发送到后台去
                // if ($("#ck").is(":checked")) {
                $.ajax({
                    url: "/api/login",
                    type: "post",
                    data: $("form").serialize(),
                    beforeSend: function () {
                        layer.msg("正在玩命加载中...")
                    },
                    complete: function () {
                        layer.close()
                    }
                }).then(function (res) {
                    console.log(res)
                    if (res.status == 1) {
                        $(".item").removeClass("item-error");
                        $(".pwd-label").css({
                            "background-position": ""
                        })
                        $(".name-label").css({
                            "background-position": ""
                        })
                        $.cookie("tokenUser", JSON.stringify(res.data), {
                            expires: 10
                        })
                        localStorage.setItem("tokenUser", JSON.stringify(res.data))

                        layer.confirm("恭喜,登录成功,是否跳转到主页面？", {
                            btn: ["yes", 'no']
                        }, function (index) {
                            //yes
                            layer.close(index);
                            window.location = "./index.html"
                        }, function () {
                            //no
                        })
                    } else {
                        $(".item").addClass("item-error")
                        $(".pwd-label").css({
                            "background-position": "-48px -206px"
                        })
                        $(".name-label").css({
                            "background-position": "0 -206px"
                        })
                        // layer.msg(res.msg);
                        layer.msg("登录失败");
                    }
                })
                // } 
                return false;
            }
        })

    })

    $(".down").load("./index-footer.html", function () {

    })
})